<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>溢香斯粮首页</title>
    <link rel="stylesheet" href="css/bootstrap-min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/slide.css">
    <link rel="icon" href="img/logo-icon.gif">
</head>
<body>
<!--start header-->
<div class="main-head"></div>
<div class="header">
    <img src="img/bg01.jpg" alt="">
    <div class="container">
        <div class="index-01-content-img">
            <img src="img/01-word.gif" alt="">
        </div>
    </div>
</div>
<!--end header-->

<!--start index-02-->
<div class="index-02">
    <div class="container">
        <div class="col-md-3 col-xs-6 index-02-content">
            <img src="img/02-01.gif" alt="">
            <h3>起酥千层</h3>
            <h4>Crispy lasagna</h4>
        </div>
        <div class="col-md-3 col-xs-6 index-02-content">
            <img src="img/02-02.gif" alt="">
            <h3>少女慕斯</h3>
            <h4>Teenage girl Mu Si</h4>
        </div>
        <div class="col-md-3 col-xs-6 index-02-content">
            <img src="img/02-03.gif" alt="">
            <h3>黑眼豆豆</h3>
            <h4>The Black Eyed Peas</h4>

        </div>
        <div class="col-md-3 col-xs-6 index-02-content">
            <img src="img/02-04.gif" alt="">
            <h3>提拉米苏</h3>
            <h4>Tiramisu</h4>

        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!--end index-02-->

<!--start index-03-->
<div class="index-03">
    <div class="container">
        <section>
            <div class="col-md-12 col-xs-12">
                <span><b>热门搜索词：</b></span>
                <span><b class="act">芝士系列</b> 巧克力系列 拿破仑系列 选拼系列</span>
                <a href="delicacy.html?id=2#gaodiao"><span class="index-03-more">查看更多</span></a>
            </div>
        </section>
        <div class="col-md-6  col-xs-12 index-03-content">
            <img src="img/03-left.jpg" alt="" class="img-responsive">
            <div class="index-03-transparent">
                <h1>巧克力蛋糕卷</h1>
                <p>你想要的美味，我们溢香斯粮尽享......</p>
            </div>
        </div>
        <div class="col-md-6  col-xs-12 index-03-content">
            <img src="img/03-right-top.jpg" alt="">
            <div class="row">
                <div class="col-md-6 col-xs-6 index-03-cont-img">
                    <img src="img/03-right-bottom-01.jpg" alt="">
                    <div class="index-03-cont-img-word">
                        <a href="#">
                            <p>更多精品</p>
                            <p>点击查看</p>
                        </a>
                    </div>
                </div>
                <div class="col-md-6 col-xs-6 index-03-cont-img">
                    <img src="img/03-right-bottom-02.jpg" alt="">
                </div>
            </div>
        </div>

    </div>
</div>
<!--end index-03-->

<!--start index-04-->
<div class="index-04">
    <!--<img src="img/04-bg.jpg" alt="">-->
    <div class="container">
        <div class="index-04-transparent row">
            <div class="col-md-6 col-xs-6">
                <h2><b>《西点故事汇》</b></h2>
                <h3>Brand story collection</h3>
            </div>
            <section class="col-md-6 col-xs-6">
                <p class="col-md-12 col-xs-6">
                    <b>
                        &nbsp; &nbsp;最早的蛋糕是用几样简单的材料做出来的，这些蛋糕是古老宗教神话与奇迹式迷信的象征。早期的经贸路线使异国香料由远东向北输入,
                        坚果、花露水、柑橘类水果、枣子与无花果从中东引进，甘蔗则从东方国家与南方国家进口。
                    </b>
                </p>
                <p class="col-md-12 col-xs-6">
                    <b>
                        &nbsp; &nbsp;中古时期的欧洲人相信，生日是灵魂最容易被恶魔入侵的日子，所以在生日当天，亲人朋友都会齐聚身边给予祝福，并且送蛋糕以带来
                        好运驱逐恶魔。&nbsp; &nbsp;&nbsp; &nbsp;生日蛋糕，最初只有国王才有资格拥有的，流传到现在，不论是大人或小孩，都可以在生日时，买个漂亮的蛋糕，
                        享受众人给予的祝福。
                    </b>
                </p>
            </section>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!--end index-04-->

<!--start index-05-->
<div class="index-05">
    <div class="container">
        <div class="row">
            <div class="col-md-5 index-05-content">
                <img src="img/05-left.gif" alt="" class="img-responsive">
            </div>
            <div class="col-md-6  col-xs-12 index-05-content">
                <div class="index-left-body row">
                    <div class="index-05-left-word colmd-12">
                        <h1>新鲜食材安全放心</h1>
                        <h3>醇香/健康/美味</h3>
                        <p class="index-05-word">
                            溢香斯粮品牌，使我们一首建立的，它以健康为主导，选择上等食材，
                            同时在甜品的制作过程中，注重食材营养的保留，既能满足现代消费者
                            对于甜品美味、健康的要求，还能补充营养。自然甜品店、西点屋就成
                            为大众追捧的好项目了。
                        </p>
                    </div>
                    <div class="index-05-left-img col-md-12">
                        <div class="index-05-left col-md-3 col-xs-6">
                            <img src="img/05-right-01.jpg" alt="">
                            <p>第一步：优选材料</p>
                        </div>
                        <div class="index-05-left col-md-3 col-xs-6">
                            <img src="img/05-right-02.jpg" alt="">
                            <p>第二步：混合材料</p>
                        </div>
                        <div class="index-05-left col-md-3 col-xs-6">
                            <img src="img/05-right-03.jpg" alt="">
                            <p>第三部：制作形状</p>
                        </div>
                        <div class=" index-05-left col-md-3 col-xs-6">
                            <img src="img/05-right-04.jpg" alt="">
                            <p>第四部：烘烤完成</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<!--end index-05-->

<!--start index-06-->
<div class="index-06">
    <div clss="index-06-top" id="index-06-top">
        <span class="index-06-line"><img src="img/06-line.jpg" alt=""></span>
        <span class="index-06-head">食品资讯</span>
        <span class="index-06-line"><img src="img/06-line.jpg" alt=""></span>
    </div>
    <!--<div class="container">
        <div class="flexslider row">
            <div class="col-md-1 col-xs-1 btn-left"><img src="img/06-jiantou-left.jpg" alt=""></div>
            <ul class="slides col-md-10 col-xs-10">
                <li class="act row">
                    <div class="col-md-4 col-xs-4 bnr-one">
                        <img src="img/06-01.jpg" alt=""/>
                        <p>慕斯蛋糕是一种以慕斯粉为主材料的糕点。外 型、色泽、结构、口味变化丰富，更加自然纯 正，通常是加入奶油与凝固剂来制作成浓...</p>
                    </div>
                    <div class="col-md-4 col-xs-4 bnr-one">
                        <img src="img/06-02.jpg" alt=""/>
                        <p>马卡龙[1]（Macarons，又称作玛卡龙、杏仁 小圆饼、少女的酥胸）是法国西边维埃纳省最 具地方特色的美食。</p>
                    </div>
                    <div class="col-md-4 col-xs-4 bnr-one">
                        <img src="img/06-03.jpg" alt=""/>
                        <p>利用一些鲜水果或者一些 果酱、果汁、果粒果 酱为主要原材料 制作而成的一种水果口味的穆 斯。</p>
                    </div>
                    <div class="clearfix"></div>
                </li>
                <li>
                    <div class="col-md-4 col-xs-4 bnr-one">
                        <img src="img/06-01.jpg" alt=""/>
                        <p>慕斯蛋糕是一种以慕斯粉为主材料的糕点。外 型、色泽、结构、口味变化丰富，更加自然纯 正，通常是加入奶油与凝固剂来制作成浓...</p>
                    </div>
                    <div class="col-md-4 col-xs-4 bnr-one">
                        <img src="img/06-02.jpg" alt=""/>
                        <p>马卡龙[1]（Macarons，又称作玛卡龙、杏仁 小圆饼、少女的酥胸）是法国西边维埃纳省最 具地方特色的美食。</p>
                    </div>
                    <div class="col-md-4 col-xs-4 bnr-one">
                        <img src="img/06-03.jpg" alt=""/>
                        <p>利用一些鲜水果或者一些 果酱、果汁、果粒果 酱为主要原材料 制作而成的一种水果口味的穆 斯。</p>
                    </div>
                    <div class="clearfix"></div>
                </li>
                <li>
                    <div class="col-md-4 col-xs-4 bnr-one">
                        <img src="img/06-01.jpg" alt=""/>
                        <p>慕斯蛋糕是一种以慕斯粉为主材料的糕点。外 型、色泽、结构、口味变化丰富，更加自然纯 正，通常是加入奶油与凝固剂来制作成浓...</p>
                    </div>
                    <div class="col-md-4 col-xs-4 bnr-one">
                        <img src="img/06-02.jpg" alt=""/>
                        <p>马卡龙[1]（Macarons，又称作玛卡龙、杏仁 小圆饼、少女的酥胸）是法国西边维埃纳省最 具地方特色的美食。</p>
                    </div>
                    <div class="col-md-4 col-xs-4 bnr-one">
                        <img src="img/06-03.jpg" alt=""/>
                        <p>利用一些鲜水果或者一些 果酱、果汁、果粒果 酱为主要原材料 制作而成的一种水果口味的穆 斯。</p>
                    </div>
                    <div class="clearfix"></div>
                </li>
            </ul>
            <div class="col-md-1 col-xs-1 btn-right"><img src="img/06-jiantou-right.jpg" alt=""></div>
        </div>
    </div>-->
    <div class="container">
        <div class="rvc" id="rvc2">
            <div class="rvc-wrapper">
                <ul>
                    <li>
                        <div class="img-wrapper"><img src="img/06-01.jpg"></div>
                        <p>慕斯蛋糕是一种以慕斯粉为主材料的糕点。外型、色泽、结构、口味变化丰富，更加自然纯正，通常是加入奶油与凝固剂来制作成浓...</p>
                    </li>
                    <li>
                        <div class="img-wrapper"><img src="img/06-02.jpg"></div>
                        <p>马卡龙[1]（Macarons，又称作玛卡龙、杏仁 小圆饼、少女的酥胸）是法国西边维埃纳省最具地方特色的美食。</p>
                    </li>
                    <li>
                        <div class="img-wrapper"><img src="img/06-03.jpg"></div>
                        <p>利用一些鲜水果或者一些果酱、果汁、果粒果酱为主要原材料制作而成的一种水果口味的穆斯。</p>
                    </li>
                    <li>
                        <div class="img-wrapper"><img src="img/index-06-001.jpg"></div>
                        <p>更多简介，敬请期待</p>
                    </li>
                    <li>
                        <div class="img-wrapper"><img src="img/index-06-002.jpg"></div>
                        <p>更多简介，敬请期待</p>
                    </li>
                    <li>
                        <div class="img-wrapper"><img src="img/index-06-003.jpg"></div>
                        <p>更多简介，敬请期待</p>
                    </li>
                    <li>
                        <div class="img-wrapper"><img src="img/index-06-004.jpg"></div>
                        <p>更多简介，敬请期待</p>
                    </li>
                    <li>
                        <div class="img-wrapper"><img src="img/index-06-005.jpg"></div>
                        <p>更多简介，敬请期待</p>
                    </li>
                    <li>
                        <div class="img-wrapper"><img src="img/index-06-006.jpg"></div>
                        <p>更多简介，敬请期待</p>
                    </li>
                    <li>
                        <div class="img-wrapper"><img src="img/index-06-007.jpg"></div>
                        <p>更多简介，敬请期待</p>
                    </li>
                    <li>
                        <div class="img-wrapper"><img src="img/index-06-008.jpg"></div>
                        <p>更多简介，敬请期待</p>
                    </li>
                    <li>
                        <div class="img-wrapper"><img src="img/index-06-009.jpg"></div>
                        <p>更多简介，敬请期待</p>
                    </li>
                    <li>
                        <div class="img-wrapper"><img src="img/index-06-10.jpg"></div>
                        <p>更多简介，敬请期待</p>
                    </li>
                    <li>
                        <div class="img-wrapper"><img src="img/index-06-11.jpg"></div>
                        <p>更多简介，敬请期待</p>
                    </li>
                </ul>
            </div>
            <div class="rvc-prv"><img src="img/06-jiantou-left.jpg"></div>
            <div class="rvc-next"><img src="img/06-jiantou-right.jpg"></div>
        </div>
    </div>
</div>
<!--end index-06-->

<!--start index-07-->
<div class="index-07">
    <img src="img/07-bg.jpg" alt="">
    <div class="container">
        <div class="index-07-content-img">
            <img src="img/07-01.jpg" alt="">
            <div class="index-07-content-turnon">
                <img src="img/07-turnon.gif" alt="">
            </div>
        </div>
    </div>
</div>
<!--end index-07-->

<!--start footer-->
<div id="footer">
</div>
<!--end footer-->

<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/slide.js"></script>
<script type="text/javascript">
    $('#rvc2').rvc({
        liNum: 3,
        spaceBetween: 40,
        plr: 15,
        time: 200,
        prv: '.rvc-prv',
        next: '.rvc-next'
    })
</script>
<script>
    $('.main-head').load('header.html');
    $('#footer').load('footer.html')
</script>
</body>
</html>